<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
  <link rel="stylesheet" href="./css/common.css" />
  <link rel="stylesheet" href="./css/index.css" />
  <link rel="stylesheet" href="./css/jujia.css" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>居家</title>
</head>

<body>
  <!-- header start -->
  <header>
    <div id="top-nav" class="topnav">
      <ul>
        <li><a href="login.html">请先登录</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li><a href="signin.html">免费注册</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li><a href="#">我的订单</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li><a href="#">会员中心</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li><a href="#">帮助中心</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li><a href="#">关于我们</a></li>
        <li class="space"></li>
        <!-- 小竖线 -->
        <li>
          <a href="#">
            <i></i>
            手机版
          </a>
        </li>
      </ul>
    </div>

    <!-- 导航栏 start -->
    <div class="navbar">
      <div class="container">
        <a href="#" class="logo"></a>
        <div class="nav_title">
          <ul>
            <li> <a href="index.html">首页</a>
            </li>
            <li><a href="jujia.html">居家</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/hidden-01.png" alt="">
                    <p>茶咖酒具</p>
                  </a>
                  <a href="">
                    <img src="./images/hidden-02.png" alt="">
                    <p>水具杯壶</p>
                  </a>
                  <a href="">
                    <img src="./images/hidden-03.png" alt="">
                    <p>宠物食品</p>
                  </a>
                  <a href="">
                    <img src="./images/hidden-04.png" alt="">
                    <p>宠物用品</p>
                  </a>
                  <a href=""><img src="./images/hidden-06.png" alt="">
                    <p>床上用品</p>
                  </a>
                  <a href=""><img src="./images/hidden-07.png" alt="">
                    <p>家具摆设</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="meishi.html">美食</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/meishi-01.png" alt="">
                    <p>饮料饮品</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-02.png" alt="">
                    <p>水产海鲜</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-03.png" alt="">
                    <p>全球美食</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-04.png" alt="">
                    <p>坚果零食</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-05.png" alt="">
                    <p>新鲜蔬菜</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-06.png" alt="">
                    <p>牛油果</p>
                  </a>
                  <a href="">
                    <img src="./images/meishi-07.png" alt="">
                    <p>奶油草莓</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="fushi.html">服饰</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/fushi-01.jpg" alt="">
                    <p>加绒卫衣</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-02.jpg" alt="">
                    <p>百搭包配</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-03.jpg" alt="">
                    <p>针织半裙</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-04.jpg" alt="">
                    <p>毛呢大衣</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-05.jpg" alt="">
                    <p>潮流饰品</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-06.jpg" alt="">
                    <p>潮流服饰</p>
                  </a>
                  <a href="">
                    <img src="./images/fushi-07.jpg" alt="">
                    <p>精品鞋靴</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="muying.html">母婴</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/muying-01.jpg" alt="">
                    <p>T恤/衬衫</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-02.jpg" alt="">
                    <p>卫衣/毛衫</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-03.jpg" alt="">
                    <p>外套/套装</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-04.jpg" alt="">
                    <p>连体衣/礼盒</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-05.jpg" alt="">
                    <p>日用品/食品</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-06.jpg" alt="">
                    <p>床上用品/书籍</p>
                  </a>
                  <a href="">
                    <img src="./images/muying-07.jpg" alt="">
                    <p>洗护/车床</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="gehu.html">个护</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/gehu-01.jpg" alt="">
                    <p>家庭清洁</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-02.jpg" alt="">
                    <p>浴室用品</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-03.jpg" alt="">
                    <p>餐厨清洁</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-04.jpg" alt="">
                    <p>毛巾浴巾</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-05.jpg" alt="">
                    <p>护肤产品</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-06.jpg" alt="">
                    <p>美妆产品</p>
                  </a>
                  <a href="">
                    <img src="./images/gehu-07.jpg" alt="">
                    <p>家居电器</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="yanxuan.html">严选</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/yanxuan-1.jpg" alt="">
                    <p>卫浴用品</p>
                  </a>
                  <a href="">
                    <img src="./images/yanxuan-2.jpg" alt="">
                    <p>高级珠宝</p>
                  </a>
                  <a href="">
                    <img src="./images/yanxuan-3.jpg" alt="">
                    <p>时尚搭配</p>
                  </a>
                  <a href="">
                    <img src="./images/yanxuan-4.jpg" alt="">
                    <p>数码电器</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="shuma.html">数码</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/shuma-01.jpg" alt="">
                    <p>影音娱乐</p>
                  </a>
                  <a href="">
                    <img src="./images/shuma-02.jpg" alt="">
                    <p>乐器</p>
                  </a>
                  <a href="">
                    <img src="./images/shuma-03.jpg" alt="">
                    <p>车载用品</p>
                  </a>
                  <a href="">
                    <img src="./images/shuma-04.jpg" alt="">
                    <p>办公文具</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="yundong.html">运动</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/2b1edfa6d05445de684b7df854895c0b.png" alt="">
                    <p>登机箱</p>
                  </a>
                  <a href="">
                    <img src="./images/cd44477ca9614ed81ffb58c5cacdab26.png" alt="">
                    <p>托运箱</p>
                  </a>
                  <a href="">
                    <img src="./images/141625f78404b8c81e431084a139b836.png" alt="">
                    <p>出行配件</p>
                  </a>
                  <a href="">
                    <img src="./images/c6ff77bbb7d0f39622da300f6f5f5442.png" alt="">
                    <p>户外运动鞋</p>
                  </a>
                </div>
              </div>
            </li>
            <li><a href="zaxiang.html">杂项</a>
              <div class="hidden" id="hidden">
                <div class="hidden-item">
                  <a href="">
                    <img src="./images/da0ac345e98c04594b697b56ebc373a5.png" alt="">
                    <p>乐器杂项</p>
                  </a>

                </div>
              </div>

            </li>
          </ul>
        </div>
        <div class="search">
          <div class="search_container">
            <i></i>
            <input type="text" placeholder="搜一搜" />
          </div>
        </div>
        <div class="cart">
          <a href="#" class="curr"><i></i></a>
        </div>
      </div>
    </div>
  </header>

  <!-- 页面位置 start -->
  <div class="bread">
    <div class="container">
      <a href="" class="shouye">首页 ></a>
      <!-- <i></i> -->
      <a href="" class="jujia">居家</a>
    </div>
  </div>

  <!-- swiper start -->
  <div class="nav_swiper">
    <div class="content">
      <!-- Swiper -->
      <div class="swiper mySwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/swipper1.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/swipper2.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/swipper3.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/swipper4.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/swipper5.jpg" alt="" />
          </div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>

  <!-- main start -->
  <main>
    <!-- 全部分类 -->
    <div class="sub-list">
      <h3>全部分类</h3>
      <ul>
        <li><a href=""><img src="./images/hidden-01.png" alt="">
            <p>茶咖酒具</p>
          </a></li>
        <li><a href=""><img src="./images/hidden-02.png" alt="">
            <p>水具杯壶</p>
          </a></li>
        <li><a href=""><img src="./images/hidden-03.png" alt="">
            <p>宠物食品</p>
          </a></li>
        <li><a href=""><img src="./images/hidden-04.png" alt="">
            <p>宠物用品</p>
          </a></li>
          <li><a href=""><img src="./images/hidden-06.png" alt="">
            <p>床上用品</p>
          </a></li>
          <li><a href=""><img src="./images/hidden-07.png" alt="">
            <p>家具摆设</p>
          </a></li>
      </ul>
    </div>
    <!-- 茶咖酒具 -->
    <div class="ref-goods">
      <div class="head">
        <h3>- 茶咖酒具 -</h3>
        <p class="tag">温暖柔软，品质之选</p>
        <a href="" class="xtx-more">
          <span>查看全部</span>
          <i></i>
        </a>
      </div>
      <div class="body">
        <a href="" class="goods-item">
          <img src="./images/chaka-01.jpg" alt="">
          <p class="name">手工日式樱花玻璃小酒杯单只</p>
          <p class="desc">手工日式玻璃清酒杯壶套装黄酒温酒器烫酒壶梅子咖啡茶白酒杯</p>
          <p class="price">¥19.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chaka-02.jpg" alt="">
          <p class="name">极光限定 珠光蓝珐琅锅</p>
          <p class="desc">兜市精选 陶瓷白酒杯套装酒具组合</p>
          <p class="price">¥199.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chaka-03.jpg" alt="">
          <p class="name">弗莱文茨无铅水晶玻璃杯红酒杯醒酒器套装分酒器酒架酒具葡萄酒杯高脚杯 s带把送开瓶器+杯刷</p>
          <p class="desc">益馨荣时尚现代小酒杯一口杯玻璃分酒器酒壶 烈酒白酒杯 </p>
          <p class="price">¥109.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chaka-04.jpg" alt="">
          <p class="name">陶沁泉 景德镇陶瓷器中式白酒酒具套装酒壶酒杯酒盅酒器温酒壶 雪景酒具1斤装配10个杯子</p>
          <p class="desc">战国策酒具1斤装配4个杯子</p>
          <p class="price">¥39.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chaka-05.jpg" alt="">
          <p class="name"> 十二生肖白酒杯套装陶瓷</p>
          <p class="desc">家用12兽首杯中秋春节创意礼品 单个生肖</p>
          <p class="price">¥99.00</p>
        </a>
      </div>
    </div>
    <!-- 水具杯壶 -->
    <div class="ref-goods">
      <div class="head">
        <h3>- 水具杯壶 -</h3>
        <p class="tag">温暖柔软，品质之选</p>
        <a href="" class="xtx-more">
          <span>查看全部</span>
          <i></i>
        </a>
      </div>
      <div class="body">
        <a href="" class="goods-item">
          <img src="./images/shuiju-01.jpg" alt="">
          <p class="name">星空女神六杯壶带托盘套装 </p>
          <p class="desc">家用轻奢水具套装陶瓷水杯杯具冷水壶客厅创意喝水杯茶杯</p>
          <p class="price">¥1397.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/shuiju-02jpg.jpg" alt="">
          <p class="name">花思雨 欧式茶具套装 </p>
          <p class="desc">欧式水具套装家用杯具茶壶茶杯水杯水壶咖啡茶具下午茶套 钻石绿平盘6杯壶礼盒</p>
          <p class="price">¥336.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/shuiju-03jpg.jpg" alt="">
          <p class="name">AOBI杯具套餐下午茶花茶茶具</p>
          <p class="desc">【光滑釉面手工描金】北欧风格水果花茶杯壶套装英式轻奢A088-1 6杯碟匙+架+茶壶+炉座+托盘</p>
          <p class="price">¥2888.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/shuiju-04jpg.jpg" alt="">
          <p class="name">青麦 欧式珐琅彩水具套装凉水壶水杯套组花茶壶下午茶耐热玻璃咖啡杯子礼盒装五件套馈赠佳品 </p>
          <p class="desc">蓝玫瑰矮杯壶5件套+珐琅勺+杯盖+礼盒礼袋</p>
          <p class="price">¥659.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/shuiju-05.jpg" alt="">
          <p class="name">玻璃杯套装家用客厅轻奢高档 北欧风轻奢杯具家用套装客厅陶瓷茶水具杯子</p>
          <p class="desc">现代冷水壶套杯带托盘 6杯壶铁架托盘</p>
          <p class="price">¥399.00</p>
        </a>
      </div>
    </div>
    <!-- 宠物食品 -->
    <div class="ref-goods">
      <div class="head">
        <h3>- 宠物食品 -</h3>
        <p class="tag">温暖柔软，品质之选</p>
        <a href="" class="xtx-more">
          <span>查看全部</span>
          <i></i>
        </a>
      </div>
      <div class="body">
        <a href="" class="goods-item">
          <img src="./images/chongwu-01.jpg" alt="">
          <p class="name">冠滔狗零食狗狗火腿肠150支泰迪宠物食品</p>
          <p class="desc">幼犬成犬训练奖励营养零食 混合口味（150支）</p>
          <p class="price">¥29.40</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-02.jpg" alt="">
          <p class="name">疯狂的小狗 狗零食狗狗火腿肠泰迪宠物食品幼犬成犬猫咪训练奖励 </p>
          <p class="desc">混合香肠900g疯狂小狗</p>
          <p class="price">¥19.90</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-03.jpg" alt="">
          <p class="name">朗诺冻干鸡肉猫咪零食成幼猫粮高蛋白免疫宠物食品300g</p>
          <p class="desc">白身金枪鱼+新鲜明虾啫喱款</p>
          <p class="price">¥169.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-04.jpg" alt="">
          <p class="name">泰国进口 最宠猫罐头80g单罐白身金枪鱼+新鲜明虾啫喱款 </p>
          <p class="desc">宠物猫粮猫湿粮成猫幼猫咪主粮罐头零食改善挑食厌食</p>
          <p class="price">¥10.30</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-05.jpg" alt="">
          <p class="name">猫罐头 JOY定制款 原装泰国进口白肉成猫湿粮罐头猫零食 </p>
          <p class="desc">白金礼盒 80g*24 四口味组合</p>
          <p class="price">¥229.00</p>
        </a>
      </div>
    </div>
    <!-- 宠物用品 -->
    <div class="ref-goods">
      <div class="head">
        <h3>- 宠物用品 -</h3>
        <p class="tag">温暖柔软，品质之选</p>
        <a href="" class="xtx-more">
          <span>查看全部</span>
          <i></i>
        </a>
      </div>
      <div class="body">
        <a href="" class="goods-item">
          <img src="./images/chongwu-06.jpg" alt="">
          <p class="name">HELLOJOY狗厕所蓝色大号大型犬自动泰迪狗狗用品尿盆便盆屎小型犬中型宠物冲水</p>
          <p class="desc">中小型犬公母通用，加高围栏防止尿液飞溅。品质坚实，颜值爆表！</p>
          <p class="price">¥29.80</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-07.png" alt="">
          <p class="name">坏小宠宠物自动喂食器 饮水机猫碗狗碗猫粮桶宠物狗狗猫咪自动喝水投食器免插电宠物用品 </p>
          <p class="desc">干湿分离自动喂食器【全新二代】</p>
          <p class="price">¥62.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-08.jpg" alt="">
          <p class="name">Dr.Bio猫窝冬季狗窝夏季蒙古包猫窝冬季保暖猫屋封闭式猫垫子猫玩具小型犬宠物用品 </p>
          <p class="desc">灰色英短小号【10斤猫咪8斤狗狗】</p>
          <p class="price">¥53.00</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-09.jpg" alt="">
          <p class="name">HELLOJOY宠物狗毛猫毛刷子狗狗梳子猫梳子猫咪梳毛美容泰迪金毛长毛脱毛梳子用品 自动脱毛梳蓝色细针</p>
          <p class="desc">圆润针头，梳理时不伤害宠物肌肤。按压去毛，省时省力方便清理毛发</p>
          <p class="price">¥18.90</p>
        </a>
        <a href="" class="goods-item">
          <img src="./images/chongwu-10.jpg" alt="">
          <p class="name">有哈（uah）智能宠物净味器2代宠物除臭器猫狗去尿味猫砂盆除臭剂杀菌除异味</p>
          <p class="desc">杀菌除味，无需插电无耗材，适配所有猫砂盆</p>
          <p class="price">¥188.00</p>
        </a>
      </div>
    </div>
  </main>

  <!-- footer start -->
  <footer>
    <div class="footer">
      <div class="footer-up">
        <dl>
          <dt>客户服务</dt>
          <dd>
            <i></i>
            在线客服
          </dd>
          <dd>
            <i></i>
            问题反馈
          </dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd>
            <i></i>
            公众号
          </dd>
          <dd>
            <i></i>
            微博
          </dd>
        </dl>
        <dl>
          <dt>下载APP</dt>
          <dd><img src="./images/erweima.jpg" alt="" /></dd>
          <dd style="border: 0;">
            <span>扫描二维码</span>
            <span>立马下载APP</span>
            <a href="" class="tip">下载页面</a>
          </dd>
        </dl>
        <dl>
          <dt>服务热线</dt>
          <dd><span class="phone">400-0000-000</span></dd>
          <dd><small>周一至周日 8:00-18:00</small></dd>
        </dl>
      </div>
      <div class="footer-down">
        <div class="slogan">
          <a href="">
            <i></i>
            <span>价格亲民</span>
          </a>
          <a href="">
            <i></i>
            <span>物流快捷</span>
          </a>
          <a href="">
            <i></i>
            <span>品质新鲜</span>
          </a>
        </div>
        <div class="copyright">
          <p>
            <a href="">关于我们</a>
            <a href="">帮助中心</a>
            <a href="">售后服务</a>
            <a href="">配送与验收</a>
            <a href="">商务合作</a>
            <a href="">搜索推荐</a>
            <a href="">友情链接</a>
          </p>
          <p>CopyRight © 小兔鲜儿</p>
        </div>
      </div>
    </div>
  </footer>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/jujia.js"></script>
</body>

</html>